Ext.ns('Tm.task');
Tm.task.TaskImagePanel = Ext.extend(Ext.Panel, {
			id : 'taskImagePanel',
			frame : true,
			layout : 'fit',
			autoWidth : true,
			autoHeight : true,
			taskId : null,
			isSystem : null,
			initComponent : function() {
				var taskId = this.taskId;
				var ds = new Ext.data.JsonStore({
							url : 'task/getImageListByTaskId.do',
							fields : ['id', 'path', 'description', {
										name : 'name',
										mapping : 'path',
										convert : function(name) {
											var fileName = name.substring(name.lastIndexOf('\\') + 1, name.length);
											return fileName;
										}
									}],
							autoLoad : true,
							baseParams : {
								taskId : taskId
							}
						})
				var imgdataview = new Ext.DataView({
							store : ds,
							tpl : new Ext.XTemplate('<ul>', '<tpl for=".">', '<li id={id} class="phone" ext:qtip={description} >',
									'<img width="64" height="64" src="task/getImage.do?id={[values.id]}" />', '<strong>{name}</strong>', '<span>{description}</span>', '</li>', '</tpl>', '</ul>'),
							// plugins : [new Ext.ux.DataViewTransition({
							// duration : 550,
							// idProperty : 'id'
							// })],
							id : 'phones',
							itemSelector : 'li.phone',
							overClass : 'phone-hover',
							height : 600,
							singleSelect : true,
							multiSelect : true,
							autoScroll : true
						});
				var imageToolBar = new Ext.Toolbar({
							hideBorders : true,
							buttons : [{
										text : '新增',
										iconCls : 'act_addIcon',
										handler : function() {
											// form.getForm().reset();
											var imgUploadFormPanel = new Tm.common.FormPanel({
														fileUpload : true,
														errorReader : new Tm.common.DataReader(),
														width : 500,
														frame : true,
														// title : 'File Upload Form',
														autoHeight : true,
														bodyStyle : 'padding: 10px 10px 0 10px;',
														labelWidth : 50,
														defaults : {
															anchor : '95%',
															allowBlank : false,
															msgTarget : 'side'
														},
														items : [ {
																	xtype : 'fileuploadfield',
																	emptyText : '请选择图片',
																	fieldLabel : '图片',
																	name : 'multipartFile',
																	buttonText : '',
																	buttonCfg : {
																		iconCls : 'upload-icon'
																	}
																}, {
																	xtype : 'textfield',
																	fieldLabel : '描述',
																	name : 'description'
																}],
														buttons : [{
																	text : 'Save',
																	handler : function() {
																		if (imgUploadFormPanel.getForm().isValid()) {
																			imgUploadFormPanel.getForm().submit({
																						url : 'task/uploadImage.do?taskId='+taskId,
																						waitMsg : '上传图片中',
																						success : function(action, response) {
																							ds.load();
																							App.setAlert('ok', '操作成功');
																						},
																						failure : function(action, response) {
																							// console.dir(response);
																							App.setAlert('error', '操作失败');
																						}
																					});
																		}
																	}
																}, {
																	text : 'Reset',
																	handler : function() {
																		fp.getForm().reset();
																	}
																}]
													});
											var imgAddWindow = new Tm.common.CommonWindow({
														title : '图片上传',
														height : 250,
														width : 420,
														layout : 'fit',
														items : [imgUploadFormPanel]
													});
											imgAddWindow.on('close', function(panel) {
														ds.load();
													});
											imgAddWindow.show();
										}
									}, {
										xtype : 'tbseparator'
									}, {
										text : '删除',
										ref : 'deletebutton',
										iconCls : 'act_cancelIcon',
										listeners : {
											"click" : function() {
												var selectNodes = imgdataview.getSelectedNodes();
												var ids = [];
												if (selectNodes.length == 0) {
													return;
												} else {
													selectNodes.forEach(function(record, index, array) {
																ids.push(record.id);
															});
													Ext.MessageBox.confirm('注意', '您确定要进行该操作？', function(btn) {
																if (btn == 'yes') {
																	Ext.Ajax.request({
																				url : 'task/deleteTkImg.do',
																				method : 'POST',
																				params : {
																					ids : ids
																				},
																				success : function(action, response) {
																					ds.load();
																					App.setAlert('ok', '操作成功');
																				},
																				failure : function(action, response) {
																					App.setAlert('error', '操作失败');
																				}
																			});
																}
															});
												}
											}
										}
									}]
						});
				// var imagePanel = new Ext.Panel({
				// id : 'imagePanel',
				// title : '商标图片',
				// layout : 'fit',
				// items : imgdataview,
				// height : 615,
				// width : 800,
				// tbar : [imageToolBar]
				// });
				var form = new Tm.common.FormPanel();
				Ext.apply(this, {
							tbar : imageToolBar,
							items : [imgdataview]
						});
				Tm.task.TaskImagePanel.superclass.initComponent.call(this);
			}
		});